// pages/search/search.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    showView: true
  },
  handleSearch:function(event) {
    const searchValue = event.detail.value;
    if (searchValue) {
        wx.navigateTo({
            url: '/pages/zonghe_wzl/zonghe_wzl?query=' + encodeURIComponent(searchValue)
        });
    }
  },
  handleTap1:function(){
    wx.navigateTo({
      url: '/pages/zhuanjia_wzl/zhuanjia_wzl',
    })
  },
  handleTap2:function(){
    wx.navigateTo({
      url: '/pages/wenzhang_wzl/wenzhang_wzl',
    })
  },
  handleTap3:function(){
    wx.navigateTo({
      url: '/pages/ceshi_wzl/ceshi_wzl',
    })
  },
  handleTap4:function(){
    wx.navigateTo({
      url: '/pages/tiwen_wzl/tiwen_wzl',
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 生命周期函数--监听页面加载
    showView: (options.showView == "true" ? true : false)
  },
  onChangeShowState: function () {
    var that = this;
    that.setData({
      showView: (!that.data.showView)
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  // 输入框的值该改变 就会触发的事件
  handleInput(e){
    // 3 准备发送请求获取数据
    let timeList =wx.getStorageSync("timeList");
    console.log("timeList = ", timeList);

    // 数据不太多的时候，可以不用防抖体验更好
    // clearTimeout(this.TimeId);
    // this.TimeId=setTimeout(()=>{
      // 1 获取输入框的值 解构
      var value = e.detail.value;

      // 2 检验合法性（判断是不是全是空格）
      if (!value.trim()){
        // 当值为空时则清楚内容并且隐藏按键
        this.setData({
          showList: [],
          isFocus: false
        })
        // 值不合法
        return;
      }
      this.setData({
        isFocus: true
      })
      var valueLowerCase = value.toLowerCase();
      var showListData = [];
      // 搜索功能的实现就是遍历每个数据看是否包含搜索的内容，有的话则显示
      for (var i=0; i<timeList.length; i++) {
        if (timeList[i].toLowerCase().indexOf(valueLowerCase)>=0) {
          showListData.push(timeList[i]);
        }
      }
      this.setData({
        showList: showListData
      });

    // }, 1000);
  },
  // 点击取消则清空内容并且隐藏按键
  handleCancel(){
    this.setData({
      inputValue: "",
      isFocus: false,
      showList: []
    })
  }
})